<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>构造器-property</title>
</head>
<body>


    <script src="../lib/vue.js"></script>
    <script>

        /*
        * 在vue中，每个vue实例都会代理 data 对象中的所有属性
        * 注意只有这些被代理的属性是响应的。如果在实例创建之后添加新的属性到实例上，它不会触发视图更新
        * */
        var data = {a : 1};

        var vm = new Vue({
            data : data
        });

        vm.a === data.a;  //true
        // 设置属性也会影响到原始数据
        vm.a = 3;
        data.a; //3
        //反之亦然
        data.a = 4;
        vm.a;  //4
    </script>
</body>
</html>